const dnsStatus = {
  template: `
    <div>
      <span>{{status.desc}} ({{status.status}})</span>
      <span class="status-info">
        <i class="fa fa-question"></i>
        <div class="status-tips">
          <div class="tips-arrow"></div>
          <div class="tips-content">{{status.tip}}</div>
        </div>
      </span>
    </div>
  `,
  props: ["statusInfos"],
  data: function () {
    return {
      status: ''
    }
  },
  watch: {
    statusInfos(val) {
      this.status = val;
    }
  }
}
module.exports = dnsStatus;